<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏内页</title>
    <link rel="stylesheet" href="css/index3.css">
    <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>
    <header class="clear">
        <div class="above">
            <img src="img/pang.png" class="fl" alt="">
            <ul class="fr">
                <a href="index.html">
                    <li class="fl"><span>首页</span>
                        <p>home</p>
                    </li>
                </a>
                <a href="index2.html">
                    <li class="fl"><span>游戏</span>
                        <p>game</p>
                    </li>
                </a>
                <a href="index3.html">
                    <li class="fl"><span>案例</span>
                        <p>Case</p>
                    </li>
                </a>
                <a href="#f1">
                    <li class="fl"><span>关于我们</span>
                        <p>About us</p>
                    </li>
                </a>




                <li class="wb fl">
                    <div class="weibo">
                        <i class="iconfont iconweibo fr"></i>
                    </div>

                </li>
            </ul>

        </div>
    </header>

    <div class="gem clear">
        <div class="description">
            <h1>宝石迷阵</h1>
            <p>《宝石迷阵》与暴司时候发行的游的的戏《星际争霸》一样，是一款成功的即时战略游戏。</p>
            <p>游戏时战略游戏所要素：建设基地和指挥指挥战斗。游戏的操作方式也秉承了星霸优点,</p>
            <p>并对星际争霸中一些繁琐的操作进行了简化。</p>
            <ul>
                <li>收藏</li>
                <li>制作游戏</li>
                <li>购买</li>
            </ul>
        </div>
    </div>

    <div class="bg">
        <div class="box">
            <img src="img/time.png" alt="">
            <img src="img/price.png" alt="">
            <img src="img/times.png" alt="">
            <img src="img/size.png" alt="">
        </div>
        <img src="img/fish.png" class="fish" alt="">
        <ul class="clear">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

    <div class="use">
        <div class="box">
            <h1>使用方法</h1>
            <p>USE METHOD</p>
        </div>
    </div>

    <section>
        <div class="logo">
            <div class="iphone">
                <img src="img/hphone.png" alt="">
                <div class="font">
                    <p>step one</p>
                    <span>选择一个游戏，换图</span>
                </div>
            </div>

            <div class="photo">
                <img src="img/photo.png" alt="">
                <div class="font">
                    <h2>The second step</h2>
                    <span>选择一个游戏，换图</span>
                </div>
            </div>

            <div class="moblie">
                <img src="img/mobile.png" alt="">
                <div class="font">
                    <h2>The third step</h2>
                    <span>选择一个游戏，换图</span>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <a id="f1"></a>
        <div class="copy">
            <p>Copyright © 2014 Pangtang. All Rights Reserved. 版权所有</p>
            <img src="img/ta.png" class="ta" alt="">
            <img src="img/mic.png" class="mic" alt="">
        </div>

    </footer>
</body>

</html>